<template>
	<view>
		<mine-head title="账号绑定"></mine-head>
		<view class="content">
			<view class="title" style="margin-bottom: 50rpx;">
				{{phone}}
			</view>
			<u-button class="btn" @click="edit" size="default" shape="circle" type="primary">更换手机号</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone:''
			};
		},
		onLoad() {
			this.getUser()
		},
		onShow() {
			
		},
		methods:{
			getUser() {
				let that = this;
				uni.$_get({
					url: "get-user",
					that: that,
					success(res) {
						let _data = res.data;
						if (res.code == 0) {
							that.phone = _data.phone
						}
			
					},
					fail(err) {
			
					},
				});
			},
			edit(){
				uni.navigateTo({
					url:'/pages/setup/account/editPhone?phone=' + this.phone
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
.content{
	padding: 150rpx 60rpx;
	.title{
		font-size: 46rpx;
		color: #111;
		font-family: $uni-font-family-Bold;
		margin-bottom: 10rpx;
		text-align: center;
	}
	.info{
		font-size: 24rpx;
		color: #6387FF;
		margin-bottom: 80rpx;
		text-align: center;
	}
	
}
</style>
